﻿<UserControl x:Class="TestClient.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:local="clr-namespace:TestClient"
	xmlns:my="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls"
	xmlns:data="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data"  
	xmlns:hssinterlink="clr-namespace:HSS.Interlink;assembly=HSS.Interlink"
	xmlns:primitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows"
	xmlns:localprimitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows.Controls.Data"
    xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d" d:DesignHeight="450" d:DesignWidth="1000">

	<Grid x:Name="LayoutRoot" Background="White" Margin="0">
		<Grid.Resources>
			<hssinterlink:ByteConverter x:Key="ByteConverter"/>
		</Grid.Resources>
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="DemoPagesState">
				<VisualState x:Name="SideA">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SideAPanel">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Visible</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SideBPanel">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(TextBlock.Text)" Storyboard.TargetName="txtSelectedDemo">
							<DiscreteObjectKeyFrame KeyTime="0" Value="File Explorer"/>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="SideB">
					<Storyboard>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SideAPanel">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Collapsed</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SideBPanel">
							<DiscreteObjectKeyFrame KeyTime="0">
								<DiscreteObjectKeyFrame.Value>
									<Visibility>Visible</Visibility>
								</DiscreteObjectKeyFrame.Value>
							</DiscreteObjectKeyFrame>
						</ObjectAnimationUsingKeyFrames>
						<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(TextBlock.Text)" Storyboard.TargetName="txtSelectedDemo">
							<DiscreteObjectKeyFrame KeyTime="0" Value="Image Uploader"/>
						</ObjectAnimationUsingKeyFrames>
					</Storyboard>
				</VisualState>
				<VisualStateGroup.Transitions>
					<VisualTransition From="SideB" To="SideA">
						<Storyboard>
							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="DemoView" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
								<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="0.75"/>
								<EasingDoubleKeyFrame KeyTime="00:00:01.25" Value="0.75"/>
								<EasingDoubleKeyFrame KeyTime="00:00:01.5" Value="1"/>
							</DoubleAnimationUsingKeyFrames>
							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="DemoView" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
								<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="0.75"/>
								<EasingDoubleKeyFrame KeyTime="00:00:01.25" Value="0.75"/>
								<EasingDoubleKeyFrame KeyTime="00:00:01.5" Value="1"/>
							</DoubleAnimationUsingKeyFrames>
							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.25" Storyboard.TargetName="DemoView" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)">
								<DiscreteDoubleKeyFrame KeyTime="00:00:00.25" Value="0" />
								<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="90">
									<EasingDoubleKeyFrame.EasingFunction>
										<QuadraticEase EasingMode="EaseIn"/>
									</EasingDoubleKeyFrame.EasingFunction>
								</EasingDoubleKeyFrame>
								<DiscreteDoubleKeyFrame KeyTime="00:00:00.50" Value="-90" />
								<EasingDoubleKeyFrame KeyTime="00:00:01.0000000" Value="0">
									<EasingDoubleKeyFrame.EasingFunction>
										<QuadraticEase EasingMode="EaseOut"/>
									</EasingDoubleKeyFrame.EasingFunction>
								</EasingDoubleKeyFrame>
							</DoubleAnimationUsingKeyFrames>
							<ObjectAnimationUsingKeyFrames BeginTime="00:00:00.25" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SideAPanel">
								<DiscreteObjectKeyFrame KeyTime="00:00:00.50">
									<DiscreteObjectKeyFrame.Value>
										<Visibility>Visible</Visibility>
									</DiscreteObjectKeyFrame.Value>
								</DiscreteObjectKeyFrame>
							</ObjectAnimationUsingKeyFrames>
							<ObjectAnimationUsingKeyFrames BeginTime="00:00:00.25" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SideBPanel">
								<DiscreteObjectKeyFrame KeyTime="00:00:00.50">
									<DiscreteObjectKeyFrame.Value>
										<Visibility>Collapsed</Visibility>
									</DiscreteObjectKeyFrame.Value>
								</DiscreteObjectKeyFrame>
							</ObjectAnimationUsingKeyFrames>
						</Storyboard>
					</VisualTransition>
					<VisualTransition From="SideA" To="SideB">
						<Storyboard>
							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="DemoView" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
								<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="0.75"/>
								<EasingDoubleKeyFrame KeyTime="00:00:01.25" Value="0.75"/>
								<EasingDoubleKeyFrame KeyTime="00:00:01.5" Value="1"/>
							</DoubleAnimationUsingKeyFrames>
							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="DemoView" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
								<EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="0.75"/>
								<EasingDoubleKeyFrame KeyTime="00:00:01.25" Value="0.75"/>
								<EasingDoubleKeyFrame KeyTime="00:00:01.5" Value="1"/>
							</DoubleAnimationUsingKeyFrames>
							<DoubleAnimationUsingKeyFrames BeginTime="00:00:00.25" Storyboard.TargetName="DemoView" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)">
								<DiscreteDoubleKeyFrame KeyTime="00:00:00.25" Value="0" />
								<EasingDoubleKeyFrame KeyTime="00:00:00.50" Value="90">
									<EasingDoubleKeyFrame.EasingFunction>
										<QuadraticEase EasingMode="EaseIn"/>
									</EasingDoubleKeyFrame.EasingFunction>
								</EasingDoubleKeyFrame>
								<DiscreteDoubleKeyFrame KeyTime="00:00:00.50" Value="-90" />
								<EasingDoubleKeyFrame KeyTime="00:00:01.00" Value="0">
									<EasingDoubleKeyFrame.EasingFunction>
										<QuadraticEase EasingMode="EaseOut"/>
									</EasingDoubleKeyFrame.EasingFunction>
								</EasingDoubleKeyFrame>
							</DoubleAnimationUsingKeyFrames>
							<ObjectAnimationUsingKeyFrames BeginTime="00:00:00.25" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SideAPanel">
								<DiscreteObjectKeyFrame KeyTime="00:00:00.50">
									<DiscreteObjectKeyFrame.Value>
										<Visibility>Collapsed</Visibility>
									</DiscreteObjectKeyFrame.Value>
								</DiscreteObjectKeyFrame>
							</ObjectAnimationUsingKeyFrames>
							<ObjectAnimationUsingKeyFrames BeginTime="00:00:00.25" Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="SideBPanel">
								<DiscreteObjectKeyFrame KeyTime="00:00:00.50">
									<DiscreteObjectKeyFrame.Value>
										<Visibility>Visible</Visibility>
									</DiscreteObjectKeyFrame.Value>
								</DiscreteObjectKeyFrame>
							</ObjectAnimationUsingKeyFrames>
						</Storyboard>
					</VisualTransition>
				</VisualStateGroup.Transitions>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Border x:Name="mainBackground" BorderThickness="0">
			<Border.Effect>
				<BlurEffect Radius="10" />
			</Border.Effect>
			<Border.Background>
				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
					<GradientStop Color="White" Offset="0" />
					<GradientStop Color="#CF000A22" Offset="0.01" />
					<GradientStop Color="#CF000A22" Offset="0.15" />
					<GradientStop Color="White" Offset="1" />
				</LinearGradientBrush>
			</Border.Background>
		</Border>
		<Grid>
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="3" />
				<ColumnDefinition Width="200" />
				<ColumnDefinition />
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="45" />
				<RowDefinition />
				<RowDefinition x:Name="sourceCodeRow" Height="285" MinHeight="50"/>
			</Grid.RowDefinitions>
			<!-- Header -->
			<Grid Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="0" Margin="0,0,4,0" >
				<Grid.ColumnDefinitions>
					<ColumnDefinition />
					<ColumnDefinition Width="Auto" />
					<ColumnDefinition Width="Auto" />
				</Grid.ColumnDefinitions>

				<StackPanel x:Name="header" Orientation="Horizontal" Margin="5" VerticalAlignment="Bottom">
					<Image Source="assets/interlink.png" Height="20" Margin="4" HorizontalAlignment="Right" />
					<TextBlock Text="HSS Interlink" FontWeight="Bold" FontSize="18" Foreground="#FFFFFFFF" VerticalAlignment="Center" />
					<TextBlock Text="™" Foreground="#FFFFFFFF"  />
					<TextBlock Text="     Online Demo" FontSize="16" Foreground="#FFFFFFFF" VerticalAlignment="Center" />
				</StackPanel>

				<StackPanel Orientation="Horizontal" Grid.Column="1">
					<Image Source="assets/package_go.png" Height="16" Margin="2" HorizontalAlignment="Right" />
					<HyperlinkButton Content="Download Now!" TargetName="_blank" NavigateUri="http://highspeed-solutions.net/interlinkdownload.aspx" VerticalAlignment="Center" HorizontalAlignment="Right" IsTabStop="False" Foreground="White" />
					<Image Source="assets/help.png" Height="16" Margin="2" HorizontalAlignment="Right" />
					<HyperlinkButton Content="More Info" TargetName="_blank" NavigateUri="http://highspeed-solutions.net/interlink.aspx" VerticalAlignment="Center" HorizontalAlignment="Right" IsTabStop="False" Foreground="White" />
				</StackPanel>

				<Button Grid.Column="2" x:Name="btnFullScreen" ToolTipService.ToolTip="Toggle full screen..." Style="{StaticResource ImageButtonStyle}" IsTabStop="False" VerticalAlignment="Center" HorizontalAlignment="Right" Height="24" Margin="8,4,8,4" Click="btnFullScreen_Click">
					<Image x:Name="imgFullScreen" Source="assets/fullscreen.png" />
				</Button>
			</Grid>
			<!-- Demo List -->
			<Grid Grid.Column="1" Grid.Row="1" x:Name="DemoList" RenderTransformOrigin="0.5,0.5">
				<Grid.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</Grid.RenderTransform>
				<Grid.Projection>
					<PlaneProjection/>
				</Grid.Projection>
				<Grid.RowDefinitions>
					<RowDefinition Height="30"/>
					<RowDefinition/>
				</Grid.RowDefinitions>
				<!-- Scenarios Header -->
				<Border Margin="4,0,4,0">
					<Border.Background>
						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
							<GradientStop Color="#E1FFFFFF" Offset="0" />
							<GradientStop Color="#FF0F4472" Offset="1" />
						</LinearGradientBrush>
					</Border.Background>
					<StackPanel Orientation="Horizontal" VerticalAlignment="Center">
						<TextBlock Text="Demo Apps" Foreground="#FFFFFFFF" FontSize="14" FontWeight="Bold" Margin="4"/>
					</StackPanel>
				</Border>
				<!-- lstDemos -->
				<ListBox x:Name="lstDemos" Grid.Row="1" Margin="4,0,4,4" BorderBrush="#FF0B0505" BorderThickness="1,0,1,1">
					<ListBox.Background>
						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
							<GradientStop Color="#FFFEFEFF" Offset="0" />
							<GradientStop Color="#FFF6F6F9" Offset="1" />
						</LinearGradientBrush>
					</ListBox.Background>
					<ListBox.ItemsPanel>
						<ItemsPanelTemplate>
							<StackPanel Margin="1"/>
						</ItemsPanelTemplate>
					</ListBox.ItemsPanel>
					<ListBoxItem Tag="1">
						<StackPanel Orientation="Horizontal">
							<Image Source="assets/folder_explore.png" Height="16" Margin="2,0,4,0" HorizontalAlignment="Right" />
							<TextBlock Text="File Explorer" VerticalAlignment="Center"/>
						</StackPanel>
					</ListBoxItem>
					<ListBoxItem Tag="0">
						<StackPanel Orientation="Horizontal">
							<Image Source="assets/folder_image.png" Height="16" Margin="2,0,4,0" HorizontalAlignment="Right" />
							<TextBlock Text="Image Upload" VerticalAlignment="Center"/>
						</StackPanel>
					</ListBoxItem>
				</ListBox>
			</Grid>
			<!-- DemoView -->
			<Grid Grid.Column="2" Grid.Row="1" x:Name="DemoView" RenderTransformOrigin="0.5,0.5">
				<Grid.RenderTransform>
					<TransformGroup>
						<ScaleTransform/>
						<SkewTransform/>
						<RotateTransform/>
						<TranslateTransform/>
					</TransformGroup>
				</Grid.RenderTransform>
				<Grid.Projection>
					<PlaneProjection/>
				</Grid.Projection>
				<Grid.RowDefinitions>
					<RowDefinition Height="30" />
					<RowDefinition />
				</Grid.RowDefinitions>
				<!-- DemoHeader -->
				<Border Margin="4,0,4,0">
					<Border.Background>
						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
							<GradientStop Color="#E1FFFFFF" Offset="0" />
							<GradientStop Color="#FF0F4472" Offset="1" />
						</LinearGradientBrush>
					</Border.Background>
					<Grid>
						<Grid.ColumnDefinitions>
							<ColumnDefinition />
							<ColumnDefinition />
						</Grid.ColumnDefinitions>
						<StackPanel Grid.Column="0" Orientation="Horizontal" VerticalAlignment="Center">
							<TextBlock x:Name="txtSelectedDemo" Text="File Explorer" Margin="5,0,0,0" FontFamily="Verdana" FontWeight="Normal" FontSize="14" Foreground="#FFFFFFFF" VerticalAlignment="Center" />
						</StackPanel>
					</Grid>
				</Border>
				<!-- DemoContent -->
				<Border x:Name="contentBorder" Grid.Row="1" Margin="4,0,4,4" CornerRadius="0,0,4,4" BorderBrush="#FF0B0505" BorderThickness="1,0,1,1">
					<Border.Background>
						<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
							<GradientStop Color="#FFFEFEFF" Offset="0" />
							<GradientStop Color="#FFF6F6F9" Offset="1" />
						</LinearGradientBrush>
					</Border.Background>
					<Grid>
						<!-- SideAPanel -->
						<Grid x:Name="SideBPanel" Margin="0" Background="Transparent" Visibility="Collapsed">
							<Grid.RowDefinitions>
								<RowDefinition Height="Auto"/>
								<RowDefinition Height="Auto"/>
								<RowDefinition MinHeight="60"/>
							</Grid.RowDefinitions>
							<!-- Actions -->
							<Border BorderThickness="0,0,0,1" BorderBrush="#FFA0AFC3">
								<Border BorderThickness="0,0,0,1" BorderBrush="#FFD0DAE8">
									<Border BorderThickness="1,2,1,1" >
										<Border.BorderBrush>
											<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
												<GradientStop Color="#FFF4F6FA" Offset="0" />
												<GradientStop Color="#FFE2F1F5" Offset="1" />
											</LinearGradientBrush>
										</Border.BorderBrush>
										<Border.Background>
											<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1" Opacity="1" >
												<GradientStop Color="#FFF4F6FA"/>
												<GradientStop Color="#FFEAF6FF" Offset="0.55000000"/>
												<GradientStop Color="#FFE5EFFC" Offset="0.55000001"/>
												<GradientStop Color="#FFD3E5F2" Offset="1"/>
											</LinearGradientBrush>
										</Border.Background>
										<StackPanel Orientation="Horizontal">
											<hssinterlink:ActionButton Content="Publish" Height="23" Margin="1,0,4,1" HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="btnPublish" IsEnabled="False" Click="btnPublish_Click" />
											<hssinterlink:ActionButton Content="Clear All" Height="23" Margin="1,0,4,1" HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="btnClearAll" IsEnabled="False" Click="btnClearAll_Click" />
											<hssinterlink:ActionButton Content="Browse" Height="23" Margin="1,0,4,1" HorizontalAlignment="Left" VerticalAlignment="Top" x:Name="btnDragDropBrowse" Click="btnDragDropBrowse_Click" />
										</StackPanel>
									</Border>
								</Border>
							</Border>
							<!-- Header -->
							<Grid Grid.Row="1" Margin="5" >
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition/>
								</Grid.ColumnDefinitions>
								<StackPanel>
									<TextBlock Text="Image Uploader" Style="{StaticResource HeaderTextStyle}"/>
									<TextBlock Text="Drag any image files (*.png or *.jpg) to the area below and click publish." Style="{StaticResource HeaderMessageTextStyle}"/>
								</StackPanel>
							</Grid>
							<!-- Content -->
							<ListBox Grid.Row="2" x:Name="droppedFiles" Margin="5" Drop="DropZone_Drop" AllowDrop="True" ItemContainerStyle="{StaticResource DraggedFileItemStyle}" BorderThickness="1" ScrollViewer.HorizontalScrollBarVisibility="Disabled" ItemsSource="{Binding Files}" >
								<ListBox.ItemsPanel>
									<ItemsPanelTemplate>
										<toolkit:WrapPanel Background="White" Orientation="Horizontal" ItemHeight="130" ItemWidth="140" />
									</ItemsPanelTemplate>
								</ListBox.ItemsPanel>
							</ListBox>
							<TextBlock Grid.Row="2" x:Name="txtDropFileHere" Text="drop pictures here" IsHitTestVisible="False" FontSize="36" Foreground="Gray" VerticalAlignment="Center" HorizontalAlignment="Center"/>
						</Grid>
						<!-- SideBPanel -->
						<Grid x:Name="SideAPanel" Margin="0" Background="Transparent">
							<Grid.RowDefinitions>
								<RowDefinition Height="Auto"/>
								<RowDefinition Height="Auto"/>
								<RowDefinition MinHeight="60"/>
							</Grid.RowDefinitions>
							<!-- Actions -->
							<Border BorderThickness="0,0,0,1" BorderBrush="#FFA0AFC3">
								<Border BorderThickness="0,0,0,1" BorderBrush="#FFD0DAE8">
									<Border BorderThickness="1,2,1,1" >
										<Border.BorderBrush>
											<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
												<GradientStop Color="#FFF4F6FA" Offset="0" />
												<GradientStop Color="#FFE2F1F5" Offset="1" />
											</LinearGradientBrush>
										</Border.BorderBrush>
										<Border.Background>
											<LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1" Opacity="1" >
												<GradientStop Color="#FFF4F6FA"/>
												<GradientStop Color="#FFEAF6FF" Offset="0.55000000"/>
												<GradientStop Color="#FFE5EFFC" Offset="0.55000001"/>
												<GradientStop Color="#FFD3E5F2" Offset="1"/>
											</LinearGradientBrush>
										</Border.Background>
										<StackPanel Orientation="Horizontal">
											<hssinterlink:ActionButton Content="Refresh" Height="23" Margin="1,0,4,1" Name="btnRefresh" HorizontalAlignment="Left" VerticalAlignment="Top" ToolTipService.ToolTip="Refresh the list of files..." Click="btnRefresh_Click" />
											<hssinterlink:ActionButton Content="Browse" Height="23" Margin="1,0,4,1" Name="btnSelectShow" VerticalAlignment="Top" ToolTipService.ToolTip="Allows the user to browse for files first, then shows the UploadFileDialog..." Click="btnSelectShow_Click" />
											<hssinterlink:ActionButton Content="Pre-Select" Height="23" Margin="1,0,4,1" Name="btnPreShow" VerticalAlignment="Top" ToolTipService.ToolTip="For custom integration, the user may have already browsed for files, and you want to pass them into the UploadFileDialog..." Click="PreShow_Click" />
											<hssinterlink:ActionButton Content="Show Dialog" Height="23" Margin="1,0,4,1" Name="btnShow" VerticalAlignment="Top" ToolTipService.ToolTip="Shows the UploadFileDialog..." Click="Show_Click" />
											<hssinterlink:ActionButton Content="Open Inline" IsEnabled="False" ToolTipService.ToolTip="Open the file in the Browser (standard HTTP)..." Height="23" Margin="4,0,4,1" HorizontalAlignment="Left" Name="btnOpen" VerticalAlignment="Top" Click="btnOpen_Click" />
											<hssinterlink:ActionButton Content="Open AsAttachment" IsEnabled="False" ToolTipService.ToolTip="Open the file as an attachment (standard Browser SaveAs)..." Height="23" Margin="4,0,4,1" HorizontalAlignment="Left" Name="btnOpenAsAttachment" VerticalAlignment="Top" Click="btnOpenAsAttachment_Click" />
											<hssinterlink:ActionButton Content="Download Single" IsEnabled="False" ToolTipService.ToolTip="Download the selected file..." Height="23" Margin="4,0,4,1" HorizontalAlignment="Left" Name="btnDownload" VerticalAlignment="Top" Click="btnDownload_Click" />
											<hssinterlink:ActionButton Content="Download Multiple As Zip" IsEnabled="False" ToolTipService.ToolTip="Download one or more files as a Single Zip File..." Height="23" Margin="4,0,4,1" HorizontalAlignment="Left" Name="btnDownloadMultiple" VerticalAlignment="Top" Click="btnDownloadMultiple_Click" />
											<hssinterlink:ActionButton Content="Delete" IsEnabled="False" ToolTipService.ToolTip="Delete the selected file..." Height="23" Margin="4,0,4,1" HorizontalAlignment="Left" Name="btnDelete" VerticalAlignment="Top" Click="btnDelete_Click" />
										</StackPanel>
									</Border>
								</Border>
							</Border>
							<!-- Header -->
							<Grid Grid.Row="1" Margin="5" >
								<Grid.ColumnDefinitions>
									<ColumnDefinition Width="Auto"/>
									<ColumnDefinition/>
								</Grid.ColumnDefinitions>
								<StackPanel>
									<TextBlock Text="File Explorer" Style="{StaticResource HeaderTextStyle}"/>
									<TextBlock Text="Using the command bar above, you can upload or download files." Style="{StaticResource HeaderMessageTextStyle}"/>
								</StackPanel>
								<StackPanel Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Right" Margin="0,0,8,0">
									<CheckBox x:Name="chkAutoRefresh" Content="Auto Refresh" IsChecked="True" Checked="chkAutoRefresh_Checked" Unchecked="chkAutoRefresh_Unchecked" />
								</StackPanel>
							</Grid>
							<!-- Content -->
							<toolkit:BusyIndicator Grid.Row="2" Margin="5" x:Name="refreshBusy" BusyContent="refreshing file list..." IsBusy="False">
								<data:DataGrid x:Name="dtgFiles" SelectionMode="Extended" IsReadOnly="True" GridLinesVisibility="None" RowBackground="White" AlternatingRowBackground="White" AutoGenerateColumns="False" SelectionChanged="dtgFiles_SelectionChanged" >
									<data:DataGrid.Columns>
										<data:DataGridTextColumn Header="File Name" Binding="{Binding FileName}" MinWidth="250" />
										<data:DataGridTextColumn Header="Date Modified" Binding="{Binding DateModified}" Foreground="Gray"/>
										<data:DataGridTextColumn Header="Type" Binding="{Binding FileDescription}" Foreground="Gray"/>
										<data:DataGridTemplateColumn Header="Size" SortMemberPath="FileSize" Width="100">
											<data:DataGridTemplateColumn.CellTemplate>
												<DataTemplate>
													<TextBlock Text="{Binding FileSize, Converter={StaticResource ByteConverter}, ConverterParameter=true}" Foreground="Gray" VerticalAlignment="Center" Margin="3,0,3,0" TextAlignment="Right" />
												</DataTemplate>
											</data:DataGridTemplateColumn.CellTemplate>
										</data:DataGridTemplateColumn>
									</data:DataGrid.Columns>
								</data:DataGrid>
							</toolkit:BusyIndicator>
						</Grid>
					</Grid>
				</Border>
			</Grid>
			<!-- SourceCode GridSplitter-->
			<my:GridSplitter Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="2" x:Name="gspMain" Margin="2,-4,2,0" Height="8" IsTabStop="False" HorizontalAlignment="Stretch" VerticalAlignment="Top" Background="#00000000" />
			<!-- SourceCode and Settings -->
			<Border Grid.Column="1" Grid.ColumnSpan="2" Grid.Row="2" x:Name="SourceCode" Margin="4,6,4,4" BorderBrush="#FF0B0505" CornerRadius="4" BorderThickness="1">
				<Border.Background>
					<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
						<GradientStop Color="#FFFAFAFD" Offset="0" />
						<GradientStop Color="#FFD7DFDD" Offset="1" />
					</LinearGradientBrush>
				</Border.Background>
				<Grid>
					<my:TabControl x:Name="tbcSourceSamples" Margin="4" >
						<my:TabItem x:Name="tpbUploadSettings">
							<my:TabItem.Header>
								<StackPanel x:Name="stpUploadSettingsTab" Orientation="Horizontal" MouseLeftButtonUp="stpUploadSettingsTab_MouseLeftButtonUp">
									<Image Source="assets/upload.png" Height="16" HorizontalAlignment="Right" />
									<TextBlock Text=" Upload Settings" />
								</StackPanel>
							</my:TabItem.Header>
							<Border Grid.Row="0" Margin="4" VerticalAlignment="Top" Background="#0C002545" CornerRadius="4" BorderThickness="1" BorderBrush="#96557A9A">
								<StackPanel>
									<StackPanel Margin="5,5,5,0" Orientation="Horizontal">
										<CheckBox x:Name="chkMultiselect" Content="Allow Multi-Select" Margin="4" ToolTipService.ToolTip="Allow user to select more than one file at a time..." />
										<CheckBox x:Name="chkAllowNewUpload" Content="Allow New Upload" Margin="4" ToolTipService.ToolTip="Once the upload process has completed, can the user begin a new upload process..." />
										<CheckBox x:Name="chkShowTitleImage" Content="Is Title Image Visible" Margin="4" ToolTipService.ToolTip="Indicate if the Title Image is visible..." />
										<CheckBox x:Name="chkAllowFileOverwrite" Content="Allow File Overwrite" Margin="4" ToolTipService.ToolTip="Prompt user if it's ok to over-write existing files else fail upload request..." />
										<CheckBox x:Name="chkAutoUpload" Content="Auto Upload" Margin="4" ToolTipService.ToolTip="Begin the upload process as soon as one or more files have been selected..." />
										<CheckBox x:Name="chkAutoClose" Content="Auto Close" Margin="4" ToolTipService.ToolTip="Close the dialog once the upload process completes..." />
										<CheckBox x:Name="chkUseCustomDetail" Content="Custom FileDetail Dialog" Margin="4" IsChecked="False" ToolTipService.ToolTip="Example using custom FileInfo Dialog to capture Metadata from user..." />
									</StackPanel>
									<StackPanel Orientation="Horizontal">
										<StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="Background:" Width="100" Margin="4" VerticalAlignment="Center" ToolTipService.ToolTip="The Title to display in the dialog Window Title Bar..." FontWeight="Bold" />
												<ComboBox x:Name="cboBackground" SelectedIndex="2" Margin="4"  Width="307" >
													<ComboBoxItem Name="SoftBlue" Content="Soft Blue" Tag="#FFB7CAD4" IsSelected="True" />
													<ComboBoxItem Name="Blue" Content="Blue" Tag="#FF507DC0" />
													<ComboBoxItem Name="Red" Content="Red" Tag="#FFD4786E" />
													<ComboBoxItem Name="Gray" Content="Gray" Tag="#FF7F7F7F" />
													<ComboBoxItem Name="Green" Content="Green" Tag="#FF3F8B28" />
													<ComboBoxItem Name="Black" Content="Black" Tag="#FF000000" />
												</ComboBox>
												<Border Margin="4" BorderBrush="Black" BorderThickness="1" Background="#CFFFFFFF" CornerRadius="3" Width="20" Padding="2" >
													<Border>
														<Border.Background>
															<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
																<GradientStop Color="#01FFFFFF" Offset="0.10"/>
																<GradientStop Color="#DFFFFFFF" Offset="0.408"/>
																<GradientStop Color="#01FFFFFF" Offset="0.420"/>
															</LinearGradientBrush>
														</Border.Background>
														<Border x:Name="SelectColorUpload" CornerRadius="2" Background="#FFB7CAD4" />
													</Border>
												</Border>
											</StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="Title:" Width="100" Margin="4" VerticalAlignment="Center" ToolTipService.ToolTip="The Title to display in the dialog Window Title Bar..." FontWeight="Bold" />
												<TextBox x:Name="txtTitle" Text="Upload File" Margin="4" Width="335" />
											</StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="Folder Name:" Width="100" Margin="4" VerticalAlignment="Center" ToolTipService.ToolTip="A friendly name to dispay in the dialog header..." FontWeight="Bold" />
												<TextBox x:Name="txtFolderName" Text="" Margin="4" Width="335" />
											</StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="Comment:" Width="100" Margin="4" VerticalAlignment="Center" ToolTipService.ToolTip="The comment/instructions to display in the dialog header..." FontWeight="Bold" />
												<TextBox x:Name="txtComment" Text="" Margin="4" Width="335" />
											</StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="Exclude File Ext:" Width="100" Margin="4" VerticalAlignment="Center" ToolTipService.ToolTip="A Pipe separated string of extension not allowed..." FontWeight="Bold" />
												<TextBox x:Name="txtExcluded" Text="*.exe,*.mdb" Margin="4" Width="335" />
											</StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="File Filter:" Width="100" Margin="4" VerticalAlignment="Center" ToolTipService.ToolTip="A File Filter string containing the types of files that are allowed..." FontWeight="Bold" />
												<TextBox x:Name="txtFilter" Text="All Files (*.*)|*.*" Margin="4" Width="335" />
											</StackPanel>
										</StackPanel>
										<StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="Max Concurrent:" Width="100" Margin="4" VerticalAlignment="Center" ToolTipService.ToolTip="The maximum number of files that will be processed at one time..." FontWeight="Bold" />
												<ComboBox x:Name="cboMaxConcurrent" Margin="4" Width="335" >
													<ComboBoxItem Content="1" />
													<ComboBoxItem Content="2" IsSelected="True" />
													<ComboBoxItem Content="3" />
													<ComboBoxItem Content="4" />
													<ComboBoxItem Content="5" />
												</ComboBox>
											</StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="Max File Size:" Width="100" Margin="4" VerticalAlignment="Center" ToolTipService.ToolTip="The maximum size of a given file..." FontWeight="Bold" />
												<ComboBox x:Name="cboMaxFileSize" Margin="4" Width="335"/>
											</StackPanel>
											<StackPanel Margin="5,0" Orientation="Horizontal">
												<TextBlock Text="No File - Text:" Width="100" Margin="4" VerticalAlignment="Top" ToolTipService.ToolTip="The text to display to the user when no files have been selected..." FontWeight="Bold" />
												<TextBox x:Name="txtNoFileText" Margin="4" Height="120" Width="335" TextWrapping="Wrap" AcceptsReturn="True" HorizontalAlignment="Stretch"/>
											</StackPanel>
										</StackPanel>
									</StackPanel>
								</StackPanel>
							</Border>
						</my:TabItem>
						<my:TabItem x:Name="tpbDownloadSettings">
							<my:TabItem.Header>
								<StackPanel x:Name="stpDownloadSettingsTab" Orientation="Horizontal" MouseLeftButtonUp="stpDownloadSettingsTab_MouseLeftButtonUp">
									<Image Source="assets/download.png" Height="16" HorizontalAlignment="Right" />
									<TextBlock Text=" Download Settings" />
								</StackPanel>
							</my:TabItem.Header>
							<Border Grid.Row="0" Margin="4" VerticalAlignment="Top" Background="#0C002545" CornerRadius="4" BorderThickness="1" BorderBrush="#96557A9A">
								<StackPanel x:Name="stpDownloadSettings" Orientation="Horizontal" >
									<StackPanel HorizontalAlignment="Stretch" Margin="4">
										<StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch">
											<TextBlock Text="Title: " FontWeight="Bold" VerticalAlignment="Center" ToolTipService.ToolTip="The Title to display in the dialog Window Title Bar..." />
											<TextBox x:Name="txtTitleDownload" Text="Upload File" VerticalAlignment="Center" Width="200"  />
										</StackPanel>

										<CheckBox x:Name="chkShowTitleImageDownload" Content="Is Title Image Visible" VerticalAlignment="Top" Margin="4" ToolTipService.ToolTip="Indicate if the Title Image is visible..." />

									</StackPanel>
									<StackPanel Orientation="Horizontal" VerticalAlignment="Top" Margin="4">
										<TextBlock Text="Background: " FontWeight="Bold" VerticalAlignment="Center" ToolTipService.ToolTip="The Title to display in the dialog Window Title Bar..." />
										<ComboBox x:Name="cboBackgroundDownload" VerticalAlignment="Center" SelectedIndex="2" Margin="2" Width="100" >
											<ComboBoxItem Name="BlueDownload" Content="Blue" Tag="#FF507DC0" />
											<ComboBoxItem Name="RedDownload" Content="Red" Tag="#FFD4786E" />
											<ComboBoxItem Name="GrayDownload" Content="Gray" Tag="#FF7F7F7F" IsSelected="True" />
											<ComboBoxItem Name="GreenDownload" Content="Green" Tag="#FF3F8B28" />
											<ComboBoxItem Name="BlackDownload" Content="Black" Tag="#FF000000" />
										</ComboBox>
										<Border Margin="2" BorderBrush="Black" BorderThickness="1" Background="#CFFFFFFF" CornerRadius="3" Width="20" Padding="2" >
											<Border>
												<Border.Background>
													<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
														<GradientStop Color="#01FFFFFF" Offset="0.10"/>
														<GradientStop Color="#DFFFFFFF" Offset="0.408"/>
														<GradientStop Color="#01FFFFFF" Offset="0.420"/>
													</LinearGradientBrush>
												</Border.Background>
												<Border x:Name="SelectColorDownload" CornerRadius="2" Background="#FF7F7F7F" />
											</Border>
										</Border>
									</StackPanel>
								</StackPanel>
							</Border>
						</my:TabItem>
						<my:TabItem x:Name="tpbXaml">
							<my:TabItem.Header>
								<StackPanel x:Name="stpXamlTab" Orientation="Horizontal" MouseLeftButtonUp="stpXamlTab_MouseLeftButtonUp" >
									<Image Source="assets/xamlcode.png" Height="16" HorizontalAlignment="Right" />
									<TextBlock Text=" XAML" />
								</StackPanel>
							</my:TabItem.Header>
							<!-- sampleCodeXaml -->
							<TextBox x:Name="sampleCodeXaml" Margin="4"
								 IsReadOnly="False"
								 BorderThickness="0"
								 HorizontalAlignment="Stretch"
								 VerticalAlignment="Stretch"
								 TextWrapping="NoWrap"
								 VerticalScrollBarVisibility="Auto"
								 HorizontalScrollBarVisibility="Auto"
								 AcceptsReturn="True" />
						</my:TabItem>
						<my:TabItem x:Name="tpbCSharp">
							<my:TabItem.Header>
								<StackPanel x:Name="stpCSharpTab" Orientation="Horizontal" MouseLeftButtonUp="stpCSharpTab_MouseLeftButtonUp">
									<Image Source="assets/csharp.png" Height="16" HorizontalAlignment="Right" />
									<TextBlock Text=" C#" />
								</StackPanel>
							</my:TabItem.Header>
							<!-- sampleCodeCSharp -->
							<TextBox x:Name="sampleCodeCSharp" Margin="4"
								 IsReadOnly="False"
								 BorderThickness="0"
								 HorizontalAlignment="Stretch"
								 VerticalAlignment="Stretch"
								 TextWrapping="NoWrap"
								 VerticalScrollBarVisibility="Auto"
								 HorizontalScrollBarVisibility="Auto"
								 AcceptsReturn="True" />
						</my:TabItem>
					</my:TabControl>
					<Button x:Name="btnExpandSource" ToolTipService.ToolTip="Show/Hide source code..." Style="{StaticResource ImageButtonStyle}" IsTabStop="False" VerticalAlignment="Top" HorizontalAlignment="Right" Height="22" Width="22" Margin="4,4,8,4" Click="btnExpandSource_Click">
						<Image x:Name="imgExpando" Source="assets/collapse.png" />
					</Button>
				</Grid>
			</Border>
		</Grid>
	</Grid>
</UserControl>
